<template>
    <div>
        <p @click="handleClick">change</p>
        <p>{{ formData.name }}</p>
    </div>
    <vmodelChild v-model:formData="formData"/>
</template>

<script setup>
import vmodelChild from './vmodelChild.vue';
const formData = defineModel('formData');

const handleClick = () => {
    formData.value.name = 'name';
};
</script>

<style lang="scss" scoped>

</style>